<!DOCTYPE html>
<!-- saved from url=(0038)https://v3.bootcss.com/examples/cover/ -->
<html lang="zh-CN">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="icon" href="./icon/favicon.ico">

    <title>风舞轮滑俱乐部</title>

    <!-- Bootstrap core CSS -->
    <link href="./shouye_files/bootstrap.min.css" rel="stylesheet">

    <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
    <link href="./shouye_files/ie10-viewport-bug-workaround.css" rel="stylesheet">

    <!-- Custom styles for this template -->
    <link href="./shouye_files/cover.css" rel="stylesheet">

    <!-- Just for debugging purposes. Don't actually copy these 2 lines! -->
    <!--[if lt IE 9]><script src="../../assets/js/ie8-responsive-file-warning.js"></script><![endif]-->
    <script src="./shouye_files/ie-emulation-modes-warning.js.下载"></script>

    <style>
        * {
            margin: 0px;
            padding: 0px;
        }
        
        video {
            position: fixed;
            right: 0px;
            bottom: 0px;
            min-width: 100%;
            min-height: 100%;
            height: auto;
            width: auto;
            /*加滤镜*/
            /*filter: blur(15px); //背景模糊设置 */
            /*-webkit-filter: grayscale(100%);*/
            /*filter:grayscale(100%); //背景灰度设置*/
            z-index: -1
        }
        
        source {
            min-width: 100%;
            min-height: 100%;
            height: auto;
            width: auto;
        }
        
        p {
            width: 100%;
            text-align: center;
            font-size: 40px;
            color: white;
        }
        
        .bg {
            background-image: linear-gradient(50deg, rgba(0, 0, 0, 0.7), rgba(76, 76, 76, 0.7));
        }
    </style>

</head>

<body>

    <div class="site-wrapper bg">

        <div class="site-wrapper-inner">

            <div class="cover-container">

                <div class="masthead clearfix">
                    <div class="inner">
                        <h3 class="masthead-brand">Phoenix Flying Roller-Skating Club</h3>
                        <nav>
                            <ul class="nav masthead-nav">
                                <li class="active"><a href="#">Home</a></li>
                                <li><a href="#">Features</a></li>
                                <li><a href="#">Contact</a></li>
                            </ul>
                        </nav>
                    </div>
                </div>

                <div class="inner cover">
                    <h1 class="cover-heading">风舞轮滑俱乐部 正在火热纳新中 ...</h1>
                    <p class="lead">只要你对体育感兴趣，对轮滑有热情，就可以加入我们，在大学中结识一群可以至少相伴四年之久的朋友，如果你想培养一个终身的爱好，并想释放真实的自己，请你信任我们，你将会在这里找到满意的答案</p>
                    <p class="lead">
                        <a href="./main.html" class="btn btn-lg btn-default">进入主页 </a>
                    </p>
                </div>

                <div class="mastfoot">
                    <div class="inner">
                        <p style="font-size: 20px;">Designed by @<a style="color:rgb(43, 149, 236)" href="https://gitee.com/coldz">Cold </a> Special thanks to Arche View on <a style="color:rgb(43, 149, 236)" href="https://gitee.com/coldz/sdut_official_roller_websites">Gitee</a></p>
	        <p style="font-size: 15px;">备案号:鲁ICP备2020043704</p>
                    </div>
                </div>

            </div>

        </div>

    </div>

    <!-- Bootstrap core JavaScript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="./shouye_files/jquery.min.js.下载"></script>
    <script src="./shouye_files/bootstrap.min.js.下载"></script>
    <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
    <script src="./shouye_files/ie10-viewport-bug-workaround.js.下载"></script>
    <video autoplay loop muted>
      <source src="./movies/926.mp4" type="video/mp4"  />
    Your browser does not support the video tag.
    </video>

</body>

</html>